<div class="profile-list">
	<ul class="horizontal"><c:forEach items="${allProfiles}" var="profile"><li>
				<div class="clearfix">
					<a href="${ctx}/profile/${profile.userId}" class="lfloat mrm">
						<c:choose>
							<c:when test="${profile.thumbnailId == null || empty profile.thumbnailId}">
								<img src="${ctx}/res/images/default_portrait.png" class="thumb thumb_60"/>
							</c:when>
							<c:otherwise>
								<img src="${ctx}/image/${profile.thumbnailId}" class="thumb thumb_60"/>
							</c:otherwise>
						</c:choose>
					</a>
					<div class="clearfix ui-overflow-hidden">
						<div class="ui-overflow-hidden">
							<div class="ui-inline-block">
								<div class="ui-inline-block ui-inline-block-middle" style="height:60px;"></div><div class="ui-inline-block ui-inline-block-middle">
									<p class="fwb"><a class="dark fsl" href="${ctx}/profile/${profile.userId}">${profile.username}</a></p>
									<p class="fsm fcl">${profile.followersNum} Followers</p>
									<shiro:authenticated>
										<c:if test="${currentUser.userId != profile.userId}">
											<p class="fsm">
												<c:choose>
													<c:when test="${profile.following}">
														<a href="#follow_unfollow_link" data-user-id="${profile.userId}" class="btn-follow following">
													</c:when>
													<c:otherwise>
														<a href="#follow_unfollow_link" data-user-id="${profile.userId}" class="btn-follow follow">
													</c:otherwise>
												</c:choose>
												<span class="z-follow">follow</span><span class="z-following">following</span><span class="z-unfollow">unfollow</span></a>
											</p>
										</c:if>
									</shiro:authenticated>
								</div>
							</div>
						</div>
					</div>
				</div>
			</li></c:forEach></ul>
</div>